/*
Theme Name: FPA Annual Conference - BE Baltimore 2016
Author: Wonderstruk Media

*/
/*  Slider Controls */
.bx-wrapper .bx-prev {
 left: 10px;
 background: url(images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
 right: 10px;
 background: url(images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
 background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
 background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
 position: absolute;
 top: 50%;
 margin-top: -16px;
 outline: 0;
 width: 32px;
 height: 32px;
 text-indent: -9999px;
 z-index: 9999;
 transition:inherit;
}
.bx-wrapper .bx-controls-direction a.disabled {
 display: none;
}
.slideshow .bx-wrapper{
	position:relative;
}
.bx-wrapper .bx-pager.bx-default-pager a {
 background: #666;
 text-indent: -9999px;
 display: block;
 width: 10px;
 height: 10px;
 margin: 0 5px;
 outline: 0;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 float:left;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
 background: #000;
}
.bx-pager{
	margin-left:50%;
	margin-top:15px;
}

/* main elements */
.home-content {
    margin-bottom: 70px;
}

.home-content blockquote {
    float: right;
    background: #f2f2f2;
    padding: 20px;
    width: 32%;
	margin:0 0 0 40px;
}
.home-content blockquote h2 {
    font-size: 22px;
    text-transform: uppercase;
    color: #0065a5;
    font-weight: 600;
}
.home-content blockquote ul {
	padding-left:25px;
}
.home-content blockquote li {
    list-style-image: url(images/home-bullet.jpg);
    padding-left: 10px;
    font-size: 18px;
    margin-bottom: 35px;
    font-weight: 100;
}
.home-content h2 {
    font-size: 22px;
    text-transform: uppercase;
    color: #0065a5;
    font-weight: 600;
}
a.blue-button {
    background: #6cc5ea;
    color: black;
    font-size: 18px;
    text-transform: uppercase;
    padding: 5px 20px;
    margin-top: 20px;
    display: inline-block;
    font-weight: 200;
}
	
@media only screen and (max-width: 1079px){
	#header .logo {
    	width: 100%;
    	height: 120px;
    	background-size: contain;
	}
	.register-button{
		margin-top: -50px;
		margin-right: 107px;
	}
	.reg-wrap{
		max-width:844px;
	}
}
@media only screen and (max-width: 767px){
	.home-content blockquote li{
		margin-bottom:0;
	}
	.home-content blockquote{
		float: none;
		width:87%;
		margin:0 20px;
	}
	#header{
		background:white;
	}
	#header .logo{
		background:url(images/mobile-header.jpg) no-repeat;
		width:87%;	
		padding:0 20px;
		background-size:contain;
	}
	.reg-wrap{
		display:none;
	}
}
@media only screen and (max-width: 470px){
	#header .logo{
		height:70px;
	}
}